$(function () {
  // 后退
  $('#btnGoBack').on('click', () => {
    window.history.back()
  })

  // 自定义客户端 EJS 的定界符
  ejs.delimiter = '$'

  // 点击按钮发表评论
  $('#comment-btn').on('click', async function () {
    const cmtContent = $('#comment-input').val().trim()
    if (cmtContent.length === 0) {
      return showToast({ msg: '评论内容不能为空！', color: 'danger' })
    }

    const blogId = $(this).attr('data-blog-id')
    const { data: res } = await axios.post('/comment', {
      comment: cmtContent,
      blog: blogId
    })

    if (res.code === 0) {
      showToast({ msg: '评论发表成功！', color: 'success' })
      const htmlStr = ejs.render($('#tmpl').html(), { cmt: res.data })
      $('.cmt-list').prepend(htmlStr)
      $('#comment-input').val('')
    } else {
      showToast({ msg: '评论发表失败！', color: 'danger' })
    }
  })

  // 获取对话框
  const modal = bootstrap.Modal.getOrCreateInstance($('#deleteModal')[0])

  // 确认删除
  $('#btnDelete').on('click', async function () {
    const { data: res } = await axios.delete('/blog/' + $(this).attr('data-id'))
    if (res.code === 0) {
      modal.hide()
      showToast({ msg: '删除成功！', color: 'success' })
      setTimeout(() => {
        location.href = '/'
      }, 1500)
    } else {
      showToast({ msg: '删除失败，请稍后再试！', color: 'danger' })
    }
  })
})
